HBuilder webApp开发(十五)MUI增加自定义icon图标 您所在的位置:网站首页 hbuilder 配置图标 不生效 HBuilder webApp开发(十五)MUI增加自定义icon图标

HBuilder webApp开发(十五)MUI增加自定义icon图标

2024-07-01 04:36| 来源: 网络整理| 查看: 265

前段时间有朋友问我,MUI里面怎么添加字体图标。后来下班后给他做了一个小的Demo,其实这个看卡MUI的文档就有。mui如何增加自定义icon图标。 其实这个不仅限于MUI,其他项目比如PC项目也可以这个做。 具体步骤:

登录iconfont 添加到购物车

1

下载代码

2

提取有用代码

源文件: 3 这里我们只需要 样式文件:iconfont.css 字体文件:iconfont.ttf 其他格式的字体文件iconfont.wofficonfont.eoticonfont.svg 然后把这两个文件拖进项目目录,结果如图: 4

修改样式文件iconfont.css

修改前: 5 修改后: 6

使用

在html文件中引入iconfont.css文件,

link rel="stylesheet" href="css/iconfont.css"

使用:

效果

7



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有